html, body, #app {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    position: relative;
    background: transparent;
    font-family: Consolas, 'zh quote', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Noto Sans', 'Noto Sans CJK SC', 'Microsoft YaHei UI', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !important;
}

#app {
    background-color: #f2f5f8;
}

/* 组件切换动画 */
.slide-leave-active,
.slide-enter-active {
    transition: all 0.2s;
}

.slide-enter-from {
    opacity: 0;
    transform: translateX(-30px);
}

.slide-leave-to {
    opacity: 0;
    transform: translateX(30px);
}

:root {
    --app-primary-color: #2080f0;
}
